/**app.wxss**/

page {
  height: 100%;
  font-size: 11pt;
  /*font-size:24rpx;*/
  color: #555;
  background: #EFEFF4;
  overflow-x: hidden;
}

page,
block,
view,
scroll-view,
swiper,
movable-view,
icon,
text,
progress,
button,
checkbox,
form,
input,
label,
picker,
picker-view,
radio,
slider,
switch,
textarea,
navigator,
audio,
image,
video,
map,
canvas,
contact-button {
  box-sizing: border-box;
}
button{
  font-size: 11pt;
  font-family: inherit;
}

/*页面颜色*/

.red{
  color:#ff474f;
}
.bg_red{
  background: #ff474f;
}
.font-size-12{
  font-size:24rpx;
}
.font-size-14{
  font-size:28rpx;
}
.font-size-16{
  font-size:32rpx;
}
.font-size-18{
  font-size:36rpx;
}
.bold-600{
  font-weight: 600;
}

.fl{
  float: left;
}
.fr{
  float: right;
}
.clear_fix:after{
  content: '';
  display: block;
  clear: both;

}

.flex {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
}

.flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  flex-direction: row;
}

.flex-col{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  -webkit-box-orient: vertical;
  -webkit-flex-direction: column;
  flex-direction: column;
}

.flex-grow-0{
  min-width: 0;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.flex-grow-1{
  min-width: 0;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}

.flex-x-center{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex-y-center{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  -ms-grid-row-align: center;
  align-items: center;
}
.flex-y-bottom{
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;

  -webkit-box-align: end;
  -webkit-align-items: flex-end;
  -ms-flex-align: end;
  -ms-grid-row-align: flex-end;
  align-items: flex-end;
}

.flex-right{
  display: flex;
  justify-content: flex-end;
}
.flex-left{
  display: flex;
  justify-content: flex-start;
}
/*左右分布*/
.flex-list{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.flex-wrap{
  display: flex;
  flex-wrap: wrap;
}


.twoLine {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.oneLine {
  display: -webkit-box;
  overflow: hidden;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  white-space: normal;
}


.goTop{
  width: 80rpx;
  height: 80rpx;
  position: fixed;
  right: 20rpx;
  bottom: 130rpx;
  z-index: 100
}

.show_noData{
  text-align: center;
  margin-top: 320rpx;
  color: #b0afb3;
  font-size: 24rpx;
  line-height: 45px;
}

.loading{
  text-align: center;
  padding-bottom: 20rpx;
}
.loading_text{

}

.copy-text-btn{
  line-height: normal;
  height: auto;
  display: inline-block;
  font-size: 9pt;
  color: #888;
  border: 1rpx solid #ddd;
  border-radius: 5rpx;
  padding: 6rpx 12rpx;
  background-color: #fff !important;
  box-shadow: none;
}

.no-data-tip{
  padding: 150rpx 0;
  text-align: center;
  color: #888;
}

.no-data-tip .no-data-icon{
  width: 160rpx;
  height: 160rpx;
  font-size: 0;
  border-radius: 9999rpx;
  background: rgba(0,0,0,.1);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32rpx;
}

.bg-white{
  background-color: #fff;
}

.mb-20{
  margin-bottom: 20rpx;
}

.mb-10{
  margin-bottom: 10rpx;
}

button[plain]{
  border: none;
  background: #fff;
  color: inherit;
}

.fs-0{
  font-size: 0;
}

.get-coupon{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.75);
  z-index: 999;
}
.get-coupon .get-coupon-box{
  position: relative;
  width: 100%;
}

.get-coupon .get-coupon-bg{
  width: 100%;
  position: absolute;
  left: 0;
  top:-210rpx;
  z-index: -1;
}

.get-coupon .coupon-list{
  height: 330rpx;
  width: 550rpx;
  margin: 0 auto;
}

.get-coupon .coupon-item{
  width: 520rpx;
  height: 264rpx;
  margin-bottom: 20rpx;
  position: relative;
  color: #fff;
  padding: 0 40rpx;
}


.get-coupon .coupon-item image{
  position: absolute;
  z-index: -1;
  left: 0;
  top:0;
  width: 100%;
}

.get-coupon .coupon-item:last-child{
  margin-bottom: 0;
}

.get-coupon .use-now{
  display: block;
  text-align: center;
  height: 60rpx;
  line-height: 60rpx;
  color: #ff4544;
  background: #fff;
  border-radius: 6rpx;
  margin: 15rpx 0;
  font-size: 9pt;
}

.fs-sm{
  font-size: 9pt;
}

.p-10{
  padding: 10rpx 10rpx;
}

.px-24{
  padding-left: 24rpx;
  padding-right: 24rpx;
}

.float-icon{
  position: fixed;
  z-index: 20;
  right: 50rpx;
  bottom: 50rpx;
}

.bar-bottom~.float-icon{
  bottom: 150rpx;
}

.float-icon .float-icon-btn{
  display: block;
  padding: 0;
  margin: 0;
  border: none;
  background: none;
}
.float-icon .float-icon-btn:after{
  display: none;
}

.float-icon .float-icon-btn:active{
  opacity: .75;
}

.float-icon .float-icon-btn image{
  width: 100rpx;
  height: 100rpx;
  display: block;
}

.w-100{
  width: 100%;
}

.h-100{
  height: 100%;
}

.wh-100{
  width: 100%;
  height: 100%;
}

.no_data{
  text-align: center;
  margin-top: 200px;
  color: #b0afb3;
  font-size: 12px;
  line-height: 45px;
}